<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>档案管理系统</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/dist/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/dist/css/ionicons.min.css">
    <link rel="stylesheet" href="/static/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="/static/dist/css/skins/all-skins.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-treeview.css">
    <link rel="stylesheet" href="/static/css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="/static/layer/theme/default/layer.css">
    <link rel="stylesheet" href="/static/css/viewer.min.css">
    <link rel="stylesheet" href="/static/webCss/rgsh.css?v=shujubuwqd12138">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elemeFnts and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/static/plugins/ie9/html5shiv.min.js"></script>
    <script src="/static/plugins/ie9/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition skin-blue" style="font-size: medium">

<div class="content row" id="yhgl">

    <div class="modal" id="tgrgyjModal" data-backdrop="static">
        <div class="modal-dialog" style="height: 500px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">入馆意见</h4>
                </div>
                <div class="modal-body">
                    <form role="form" id="rgyjtgForm">
                        <div class="form-group">
                    <label>入馆意见</label>
                    <textarea class="form-control" v-model="rgyjtg" name="rgyjtg" @input="tgChange"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal" @click="closetg">关闭</button>
                    <button @click.prevent="suretg" type="submit" class="btn btn-primary">确认</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal" id="btgrgyjModal" data-backdrop="static">
        <div class="modal-dialog" style="height: 500px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">入馆意见</h4>
                </div>
                <div class="modal-body">
                    <form role="form" id="rgyjbtgForm">
                        <div class="form-group">
                    <label>入馆意见</label>
                    <textarea class="form-control" v-model="rgyjbtg" name="rgyjbtg" @input="btgChange"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal" @click="closebtg">关闭</button>
                    <button @click.prevent="surebtg" type="submit" class="btn btn-primary">确认</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <div class="modal" id="zfrgyjModal" data-backdrop="static">
        <div class="modal-dialog" style="height: 500px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">入馆意见</h4>
                </div>
                <div class="modal-body">
                    <form role="form" id="rgyjzfForm">
                        <div class="form-group">
                            <label>入馆意见</label>
                            <textarea class="form-control" v-model="rgyjzf" name="rgyjzf" @input="zfChange"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal" @click="closezf">关闭</button>
                    <button @click.prevent="surezf" type="submit" class="btn btn-primary">确认</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <div class="modal" id="jydaDiv" data-backdrop="static">
        <div id="tree2">
            <img id="tree2Img" dataUrl="http://211.159.186.65:33333/api/fj/downloadFj?type=1&fileName=1590982068983.jpg">
        </div>
        <div class="modal-dialog" style="width: 1100px;height: 600px">
            <!--<span class="btn btn-primary" data-original=""></span>-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">档案查看</h4>
                </div>
                <div class="modal-body row">
                    <div class="col-xs-5" style="overflow:auto;height: 600px">
                        <p3>材料信息</p3>
                        <div id="tree"></div>
                        <div class=" text-center" style="padding: 10px">
                            <!--<button type="button" class="btn btn-primary btn-xs" @click="printWj">打印选中文件</button>-->
                            <!--<button type="button" class="btn btn-primary btn-xs" @click="downloadWj">下载选中文件</button>-->
                        </div>
                    </div>
                    <div class="nav-tabs-custom col-xs-7">
                        <div>
                            <div class="row">
                                <div class="col-xs-12">
                                    <ul class="nav nav-tabs pull-left">
                                        <li style="float: left" class="active"><a href="#daxx" data-toggle="tab">档案信息</a></li>
                                        <li style="float: left"><a href="#ylclxx" data-toggle="tab">已录材料信息</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="tab-content no-padding">
                                <div class="tab-pane active" id="daxx" style="position: relative;overflow: auto;height: 1000px">
                                    <div>
                                        <div class="row col-xs-12">
                                            <form id="gdxxForm">
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 基本信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label>档案类型</label>
                                                                    <div>
                                                                        <div class="input-group">
                                                                            <input name="typeName" type="text" class="form-control input-sm" v-model="gdxx.typeName" readonly style="width: 267.33px">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>档案编号</label>
                                                                    <div class="input-group">
                                                                        <input name="dabh" v-model="gdxx.dabh" type="text" class="form-control input-sm" readonly style="width: 267.33px">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>年份</label>
                                                                    <input v-model="gdxx.year" name="year" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>项目名称</label>
                                                                    <input v-model="gdxx.xmmc" name="xmmc" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>顺序号</label>
                                                                    <input v-model="gdxx.sxh" name="lb" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>大厅受理编号</label>
                                                                    <input v-model="gdxx.dtslbh" name="dtslbh" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>原盒号</label>
                                                                    <input v-model="gdxx.yhh" name="yhh" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>页数</label>
                                                                    <input v-model="gdxx.ys" name="ys" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 建设信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label>建设单位</label>
                                                                    <input v-model="gdxx.jsdw" name="jsdw" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>建设位置</label>
                                                                    <input v-model="gdxx.jswz" name="jswz" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>建设项目选址意见书时间</label>
                                                                    <input v-model="gdxx.jsxmxzyjssj" name="jswz" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>建设用地规划许可证时间</label>
                                                                    <input v-model="gdxx.jsydghxkzsj" name="jsydghxkzsj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label >建设工程规划许可证时间</label>
                                                                    <input v-model="gdxx.jsgcghxkzsj" name="jsgcghxkzsj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>建设工程竣工规划验收合格证时间</label>
                                                                    <input v-model="gdxx.jsgcjgghyshgsj" name="jsgcjgghyshgsj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>建设工程施工许可证时间</label>
                                                                    <input v-model="gdxx.jsgcsgxkzsj" name="jsgcsgxkzsj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>建设工程施工许可证编号</label>
                                                                    <input v-model="gdxx.jsgcsgxkzbh" name="jsgcsgxkzbh" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 工程信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label >工程项目名称</label>
                                                                    <input v-model="gdxx.gcxmmc" name="gcxmmc" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>工程建设规模</label>
                                                                    <input v-model="gdxx.gcjsgm" name="gcjsgm" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>工程竣工项目名称</label>
                                                                    <input v-model="gdxx.gcjgxmmc" name="gcjgxmmc" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>工程竣工建设规模</label>
                                                                    <input v-model="gdxx.gcjgjsgm" name="gcjgjsgm" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 规划信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label >规划项目名称</label>
                                                                    <input v-model="gdxx.ghxmmc" name="ghxmmc" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label >规划用地面积</label>
                                                                    <input v-model="gdxx.ghydmj" name="ghydmj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 选址信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label>选址项目名称</label>
                                                                    <input v-model="gdxx.xzxmmc" name="xzxmmc" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>选址用地面积</label>
                                                                    <input v-model="gdxx.xzydmj" name="xzydmj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 施工信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label>施工工程名称</label>
                                                                    <textarea v-model="gdxx.sggcmc" name="sggcmc" type="text" class="form-control input-sm"  readonly></textarea>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>施工建设规模</label>
                                                                    <input v-model="gdxx.sgjsgm" name="sgjsgm" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 其他信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label>项目通过时间</label>
                                                                    <input v-model="gdxx.xmfatgsj" name="xmfatgsj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>档案存储位置</label>
                                                                    <input v-model="gdxx.daccwz" name="daccwz" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>超链接</label>
                                                                    <input v-model="gdxx.clj" name="clj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>著录员</label>
                                                                    <input v-model="gdxx.zly" name="zly" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>著录时间</label>
                                                                    <input v-model="gdxx.zlsj" name="zlsj" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>其他</label>
                                                                    <input v-model="gdxx.qt" name="qt" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label>备注</label>
                                                                    <input v-model="gdxx.bz" name="bz" type="text" class="form-control input-sm"  readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="ylclxx" style="position: relative; height: 500px;overflow: auto">
                                    <table class="table table-bordered table-hover text-center" id="daTable">

                                    </table>
                                    <p>总共有{{length}}条数据</p>
                                    <!--<div class="text-center">-->
                                    <!--<button @click="tj" type="button" class="btn btn-primary">添加</button>-->
                                    <!--<button type="button" class="btn btn-primary" data-dismiss="modal" @click="scFiles">上传文件夹</button>-->
                                    <!--</div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer row">
                    <div class="text-center">
                        <button @click="tg" type="button" class="btn btn-success">通过</button>
                        <button @click="btg" type="button" class="btn btn-danger">不通过</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal" id="jydawsDiv" data-backdrop="static">
        <div id="tree3">
            <img id="tree3Img" dataUrl="http://211.159.186.65:33333/api/fj/downloadFj?type=1&fileName=1590982068983.jpg">
        </div>
        <div class="modal-dialog" style="width: 1100px">
            <!--<span class="btn btn-primary" data-original=""></span>-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">档案查看</h4>
                </div>
                <div class="modal-body row">
                    <div class="col-xs-5" style="overflow:auto;height: 500px">
                        <p3>材料信息</p3>
                        <div id="tree5"></div>
                        <div class=" text-center" style="padding: 10px">
                            <!--<button type="button" class="btn btn-primary btn-xs" @click="printWj">打印选中文件</button>-->
                            <!--<button type="button" class="btn btn-primary btn-xs" @click="downloadWj">下载选中文件</button>-->
                        </div>
                        <!--<button type="button" onclick="printWj">打印</button>-->
                    </div>
                    <div class="nav-tabs-custom col-xs-7">
                        <div>
                            <div class="row">
                                <div class="col-xs-12">
                                    <ul class="nav nav-tabs pull-left">
                                        <li style="float: left" class="active"><a href="#wsxx" data-toggle="tab">档案信息</a></li>
                                        <li style="float: left"><a href="#ylwsclxx" data-toggle="tab">已录材料信息</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="tab-content no-padding">
                                <div class="tab-pane active" id="wsxx" style="position: relative;overflow: auto;height: 600px">
                                    <div>
                                        <div class="row col-xs-12">
                                            <form id="wsxxForm">
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 基本信息</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-6">
                                                                    <label>档案类型</label>
                                                                    <input name="typeName" type="text" class="form-control input-sm" v-model="wsxx.typeName" readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>案卷题名</label>
                                                                    <input  v-model="wsxx.wjmc" name="wjmc" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>档案编号</label>
                                                                    <input  name="dabh" v-model="wsxx.dabh" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>

                                                                <div class="form-group col-xs-6">
                                                                    <label>单位名称</label>
                                                                    <input  v-model="wsxx.dwmc" name="dwmc" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>年份</label>
                                                                    <input  v-model="wsxx.nf" name="nf" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>时间</label>
                                                                    <input  v-model="wsxx.sj" name="sj" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>页号</label>
                                                                    <input  v-model="wsxx.yh" name="yh" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6" readonly>
                                                                    <label>页数</label>
                                                                    <input  v-model="wsxx.ys" name="ys" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>
                                                                <div class="form-group col-xs-6">
                                                                    <label>总盒号</label>
                                                                    <input  v-model="wsxx.zhh" name="zhh" type="text"
                                                                            class="form-control input-sm" readonly>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>
                                                <div class="nav-tabs-custom">
                                                    <!-- Tabs within a box -->
                                                    <ul class="nav nav-tabs pull-right">
                                                        <!--<li class="active"><a href="#revenue-chart" data-toggle="tab">Area</a></li>-->
                                                        <!--<li><a href="#sales-chart" data-toggle="tab">Donut</a></li>-->
                                                        <li class="pull-left header" style="color: #00a7d0"><i class="fa fa-inbox"></i> 备注</li>
                                                    </ul>
                                                    <div class="tab-content no-padding">
                                                        <!-- Morris chart - Sales -->
                                                        <div class="chart tab-pane active" style="position: relative">
                                                            <div class="row">
                                                                <div class="form-group col-xs-12">
                                                                    <label>备注</label>
                                                                    <textarea  v-model="wsxx.bz" name="qzh" type="text"
                                                                               class="form-control input-sm" readonly>
                                                    </textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--<div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>-->
                                                    </div>
                                                </div>


                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="ylwsclxx" style="position: relative; height: 500px;overflow: auto">
                                    <table class="table table-bordered table-hover text-center" id="daTable2">

                                    </table>
                                    <p>总共有{{length2}}条数据</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer row">
                    <div class="text-center">
                        <button @click="tg" type="button" class="btn btn-success">通过</button>
                        <button @click="btg" type="button" class="btn btn-danger">不通过</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class=" col-xs-12">
        <div>
            <div class="col-xs-12 left">
                <div class="row" style="height: 54px;border-bottom: 1px solid #E0E0E0">
                    <label class="col-xs-4" style="color: #3A3A3A;font-weight: 600;padding-top: 17px;font-size: 16px">录入详情</label>
                </div>
                <div class="box-body" style="margin-top: -30px;">
                    <table class="table table-bordered table-hover text-center" id="rgshTable">

                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="/static/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
<!-- Slimscroll -->
<script src="/static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="/static/plugins/fastclick/fastclick.js"></script>

<!-- AdminLTE App -->
<script src="/static/dist/js/app.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/static/dist/js/demo.js"></script>
<!--tabs-->
<script src="/static/dist/js/app_iframe.js"></script>
<script src="/static/js/bootstrap-treeview.js"></script>
<script src="/static/js/bootstrapValidator.min.js"></script>
<script src="/static/js/bootstrap-table.min.js"></script>
<script src="/static/js/bootstrap-table-zh-CN.js"></script>
<script src="/static/js/vue.js"></script>
<script src="/static/js/vue-resource.min.js"></script>
<script src="/static/layer/layer.js"></script>
<script src="/static/js/myJs.js?v=shujubuwqd12138"></script>
<script src="/static/js/viewer.min.js"></script>
<script src="/static/js/newJs.js?v=shujubuwqd12138"></script>

<script type="text/javascript">
    newCss("/static/webCss/rgsh.css");
    var preid;
    var nextid;
    var aid;
    var argyj;
    var atype;
    var Id = 0;
    var viewer2;
    //键盘按下
    var kdLxNodes;
    var kdid;
    var kdId = 0;
    var kdtreeNum;
    window.document.onkeydown = isSearch;
    function paramsMatter(value,row,index) {
        var span=document.createElement('span');
        span.setAttribute('title',value);
        span.innerHTML = value;
        return span.outerHTML;
    }
    function isSearch(event) {
        var keynum;
        var keychar;
        var numcheck;

        if(window.event) // IE
        {
            keynum = event.keyCode
        } else if(event.which) // Netscape/Firefox/Opera
        {
            keynum = event.which
        }
        if(keynum === 37){
            if(kdtreeNum == 2){
                viewer2.destroy();
            }else if(kdtreeNum == 3){
                viewer.destroy();
            }
            openpre(kdLxNodes,kdid,kdId,kdtreeNum);
        }else if(keynum === 39){
            if(kdtreeNum == 2){
                viewer2.destroy();
            }else if(kdtreeNum == 3){
                viewer.destroy();
            }
            opennext(kdLxNodes,kdid,kdId,kdtreeNum);
        }
    }
    function openpre(lxNodes,id,Id,treeNum) {
        preid = id;
        //var data = new FormData();
        // data.append('lxNodes',lxNodes);
        // data.append('id',id);
        // data.append('type',0);
        var upanddownImgVo = {
            'id':id,
            'type':0,
            'lxNodes':lxNodes,
        };
        $.ajax({
            url: '/jy/api/upanddownImg',
            type: 'post',
            dataType:'JSON',
            data: JSON.stringify(upanddownImgVo),
            cache: false,
            contentType: 'application/json; charset=UTF-8',
            processData: false,
            //dataType: "json",
            async: false,
            success: function (result) {
                if(result.code == 200){
                    var id = result.data;
                    preid = id;
                    kdid = id;
                    if(treeNum == 3){
                        $('#tree3Img').attr('dataUrl', '/jy/api/getImg?path='+id+'&jyId='+Id);
                        var viewer = new Viewer(document.getElementById('tree3'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        openpre(lxNodes,id,Id,3);
                                    }

                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        opennext(lxNodes,id,Id,3)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }else if(treeNum == 2){
                        $('#tree2Img').attr('dataUrl', '/jy/api/getImg?path='+id+'&jyId='+Id);
                        viewer2 = new Viewer(document.getElementById('tree2'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer2.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    click:function(){
                                        viewer2.destroy();
                                        openpre(lxNodes,id,Id,2);
                                    }
                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer2.destroy();
                                        opennext(lxNodes,id,Id,2)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }
                }else {
                    cxAlertts("已经是第一张");
                    if(treeNum == 3){
                        $('#tree3Img').attr('dataUrl', '/jy/api/getImg?path='+preid+'&jyId='+Id);
                        var viewer = new Viewer(document.getElementById('tree3'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        openpre(lxNodes,preid,Id,3);
                                    }

                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        opennext(lxNodes,preid,Id,3)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }else if(treeNum == 2){
                        $('#tree2Img').attr('dataUrl', '/jy/api/getImg?path='+preid+'&jyId='+Id);
                        viewer2 = new Viewer(document.getElementById('tree2'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer2.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    click:function(){
                                        viewer2.destroy();
                                        openpre(lxNodes,preid,Id,2);
                                    }
                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer2.destroy();
                                        opennext(lxNodes,preid,Id,2)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }
                }


            }
        });

        // vue.$http.post('/jy/api/upanddownImg&id='+id+'&type='+0,JSON.stringify(lxNodes)).then(function (result) {
        //     var data = result.body;
        //     if(data.code == 200){
        //
        //     }
        // });
        // var id = decodeURI(ids[preIndex-1]);
        // id =  id.toLowerCase();
    }
    //打开下一张
    function opennext(lxNodes,id,Id,treeNum) {
        nextid = id;
        var upanddownImgVo = {
            'id':id,
            'type':1,
            'lxNodes':lxNodes,
        };
        $.ajax({
            url: '/jy/api/upanddownImg',
            type: 'post',
            dataType:'JSON',
            data: JSON.stringify(upanddownImgVo),
            cache: false,
            contentType: 'application/json; charset=UTF-8',
            processData: false,
            //dataType: "json",
            async: false,
            success: function (result) {
                if(result.code == 200){
                    var id = result.data;
                    nextid = id;
                    kdid = id;
                    if(treeNum == 3){
                        $('#tree3Img').attr('dataUrl', '/jy/api/getImg?path='+id+'&jyId='+Id);
                        var viewer = new Viewer(document.getElementById('tree3'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        openpre(lxNodes,id,Id,3);
                                    }

                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        opennext(lxNodes,id,Id,3)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }else if(treeNum == 2){
                        $('#tree2Img').attr('dataUrl', '/jy/api/getImg?path='+id+'&jyId='+Id);
                        viewer2 = new Viewer(document.getElementById('tree2'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer2.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    click:function(){
                                        viewer2.destroy();
                                        openpre(lxNodes,id,Id,2);
                                    }
                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer2.destroy();
                                        opennext(lxNodes,id,Id,2)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }
                }else {
                    cxAlertts("已经是最后一张");
                    if(treeNum == 3){
                        $('#tree3Img').attr('dataUrl', '/jy/api/getImg?path='+nextid+'&jyId='+Id);
                        var viewer = new Viewer(document.getElementById('tree3'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        openpre(lxNodes,nextid,Id,3);
                                    }

                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer.destroy();
                                        opennext(lxNodes,nextid,Id,3)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }else if(treeNum == 2){
                        $('#tree2Img').attr('dataUrl', '/jy/api/getImg?path='+nextid+'&jyId='+Id);
                        viewer2 = new Viewer(document.getElementById('tree2'), {
                            inline: true,
                            url: 'dataUrl',
                            //navbar: false,
                            zIndexInline: 9999,
                            button: true,
                            backdrop: true,
                            keyboard:true,
                            navbar:false,
                            toolbar: {
                                zoomIn: {
                                    show: 1,
                                    click: function () {
                                        viewer2.destroy();
                                    }
                                },
                                zoomOut: 0,
                                oneToOne: 0,
                                reset: 0,
                                prev: {
                                    click:function(){
                                        viewer2.destroy();
                                        openpre(lxNodes,nextid,Id,2);
                                    }
                                },
                                next: {
                                    show:1,
                                    click:function(){
                                        viewer2.destroy();
                                        opennext(lxNodes,nextid,Id,2)
                                    }
                                },
                                rotateLeft: 1,
                                rotateRight: 1,
                                flipHorizontal: 0,
                                flipVertical: 0,
                            },
                        });
                    }
                }


            }
        });

        // vue.$http.post('/jy/api/upanddownImg&id='+id+'&type='+0,JSON.stringify(lxNodes)).then(function (result) {
        //     var data = result.body;
        //     if(data.code == 200){
        //
        //     }
        // });
        // var id = decodeURI(ids[preIndex-1]);
        // id =  id.toLowerCase();
    }
    //作废
    function zf(id,dabh,type,rgyj) {
        aid = id;
        argyj = rgyj;
        atype = type;
        $('#jydaDiv').modal('hide');
        $('#jydawsDiv').modal('hide');
        $('#zfrgyjModal').modal('show');
    }
    //查看
    function ck(id,dabh,type,rgyj) {
        aid = id;
        argyj = rgyj;
        atype = type;
        if(type == 2){
            $("#daTable2").bootstrapTable('destroy');
            $('#daTable2').bootstrapTable({
                url: '/dalr/api/queryDabhClxx?dabh='+dabh,
                contentType: "application/json; charset=UTF-8",
                type: "GET",
                dataType: 'json',
                queryParamsType: "",
                singleSelect: true,
                paginationShowPageGo: true,
                pageNumber:1,
                pageSize:5,
                // queryParams: function (params) {
                //     return {'pageNum':params.pageNumber,'pageSize':params.pageSize};
                // },
                striped: true,
                smartDisplay:false,
                cache: false,
                //pagination: true,
                pageList: [5,10],
                sidePagination: 'server',
                toolbar: "#addtool",
                columns: [
                    {
                        title: '档案类型',
                        field:'typeName',
                        formatter:paramsMatter
                    },{
                        field: 'dabh',
                        title: '档案编号',
                        formatter:paramsMatter
                    },
                    {
                        title: '文件序号',
                        field:'wjxh',
                        formatter:paramsMatter
                    },{
                        field: 'clxxName',
                        title: '材料名称',
                        formatter:paramsMatter
                    }],
                responseHandler: function (res) {  //后台返回的结果
                    if (res.code == "200") {
                        var data = res.data;
                        vue.$data.length2 = data.length;
                        var NewData = [];
                        for(i=0;i<data.length;i++){
                            var dd = data[i];
                            dd.roleName = roleId2RoleName(dd.roleId);
                            NewData.push(dd);
                        }
                        var data = {
                            total: res.data.total,
                            rows: NewData
                        };
                        return data;
                    }
                }
            });
        }else {
            $("#daTable").bootstrapTable('destroy');
            $('#daTable').bootstrapTable({
                url: '/dalr/api/queryDabhClxx?dabh='+dabh,
                contentType: "application/json; charset=UTF-8",
                type: "GET",
                dataType: 'json',
                queryParamsType: "",
                //sortName : 'rgsj',
                //sortOrder : 'desc',
                singleSelect: true,
                paginationShowPageGo: true,
                pageNumber:1,
                pageSize:5,
                // queryParams: function (params) {
                //     return {'pageNum':params.pageNumber,'pageSize':params.pageSize};
                // },
                striped: true,
                smartDisplay:false,
                cache: false,
                //pagination: true,
                pageList: [5,10],
                sidePagination: 'server',
                toolbar: "#addtool",
                columns: [
                    {
                        title: '档案类型',
                        field:'typeName',
                        formatter:paramsMatter
                    },{
                        field: 'dabh',
                        title: '档案编号',
                        formatter:paramsMatter
                    },
                    {
                        title: '文件序号',
                        field:'wjxh',
                        formatter:paramsMatter
                    },{
                        field: 'clxxName',
                        title: '材料名称',
                        formatter:paramsMatter
                    }],
                responseHandler: function (res) {  //后台返回的结果
                    if (res.code == "200") {
                        var data = res.data;
                        vue.$data.length = data.length;
                        var NewData = [];
                        for(i=0;i<data.length;i++){
                            var dd = data[i];
                            dd.roleName = roleId2RoleName(dd.roleId);
                            NewData.push(dd);
                        }
                        var data = {
                            total: res.data.total,
                            rows: NewData
                        };
                        return data;
                    }
                }
            });
        }
        var myMsg = cxLoad("查看中");
        $.get("/dalr/api/queryRgDaxx?dabh=" + dabh, function (result) {
            if (result.code == 200) {
                layer.close(myMsg);
                var data = result.data;
                var lxNodes = data.lxNodes;
                kdLxNodes = data.lxNodes;
                if(atype == 2){
                    kdtreeNum = 3;
                    var dah = data.daxxWsRg.dabh;
                    var clxxName = data.daxxWsRg.typeName;
                    vue.$data.clxx.typeName = data.daxxWsRg.typeName;
                    vue.$data.clxx.typeId = data.daxxWsRg.typeId;
                    vue.$data.clxx.dabh = data.daxxWsRg.dabh;
                    vue.$data.wsxx = data.daxxWsRg;
                    if(data.lxNodes[0].nodes == null){
                        $('#tree5').treeview({
                            color: "#428bca",
                            collapseIcon: "glyphicon glyphicon-minus",//可收缩的节点图标
                            // nodeIcon: "glyphicon glyphicon-user",
                            emptyIcon: "glyphicon glyphicon-folder-open",//设置列表树中没有子节点的节点的图标
                            expandIcon: "glyphicon glyphicon-plus",  //设置列表上中有子节点的图标
                            highlightSearchResults: true,//是否高亮搜索结果 默认true
                            highlightSelected: true,     //是否选中高亮显示
                            onhoverColor: "#f5f5f5",    //鼠标滑过的颜色
                            levels: 0 ,// 设置初始化展开几级菜单 默认为2
                            showBorder: true,                //是否显示边框
                            data: data.lxNodes,
                            //showCheckbox: true,
                            multiSelect: false,
                            //onNodeChecked: nodeChecked,
                            //onNodeUnchecked: nodeUnchecked,
                            onNodeSelected: function (event, data) {
                                var id = data.id;
                                kdid = data.id;
                                id = decodeURIComponent(id);
                                id =  id.toLowerCase();

                                if(id.indexOf(".png")!=-1|| id.indexOf(".jpg")!=-1){
                                    $('#tree3Img').attr('dataUrl', '/jy/api/getImg?path='+data.id+'&jyId='+Id);
                                    viewer = new Viewer(document.getElementById('tree3'), {
                                        inline: true,
                                        url: 'dataUrl',
                                        //navbar: false,
                                        zIndexInline: 9999,
                                        button: true,
                                        fullscreen:false,
                                        backdrop: true,
                                        keyboard:true,
                                        navbar:false,
                                        toolbar: {
                                            zoomIn: {
                                                show: 1,
                                                click: function () {
                                                    viewer.destroy();
                                                }
                                            },
                                            zoomOut: 0,
                                            oneToOne: 0,
                                            reset: 0,
                                            prev: {
                                                show:1,
                                                click: function(){
                                                    viewer.destroy();
                                                    openpre(lxNodes,data.id,Id,3)
                                                }

                                            },
                                            next: {
                                                show:1,
                                                click: function(){
                                                    viewer.destroy();
                                                    opennext(lxNodes,data.id,Id,3)
                                                }

                                            },
                                            rotateLeft: 1,
                                            rotateRight: 1,
                                            flipHorizontal: 0,
                                            flipVertical: 0,
                                        },
                                    });
                                }else if(id.indexOf(".pdf")!=-1){
                                    var u = "/jy/api/getPdf/"+id+"/"+Id;
                                    //var u = "/jy/api/getPdf/"+dah+"/"+clxxName+"/"+data.id+"/"+Id;

                                    top.addTabs({
                                        id: "63233",
                                        text: "PDF浏览器",
                                        icon: "fa fa-circle-o",
                                        url: "/static/pdf/web/viewer.html?file="+u,
                                        targetType: "iframe-tab",
                                        close:true
                                    });
                                }
                            }
                        });
                    }else {
                        $('#tree5').treeview({
                            color: "#428bca",
                            collapseIcon: "glyphicon glyphicon-minus",//可收缩的节点图标
                            // nodeIcon: "glyphicon glyphicon-user",
                            emptyIcon: "glyphicon glyphicon-file",//设置列表树中没有子节点的节点的图标
                            expandIcon: "glyphicon glyphicon-plus",  //设置列表上中有子节点的图标
                            highlightSearchResults: true,//是否高亮搜索结果 默认true
                            highlightSelected: true,     //是否选中高亮显示
                            onhoverColor: "#f5f5f5",    //鼠标滑过的颜色
                            levels: 0 ,// 设置初始化展开几级菜单 默认为2
                            showBorder: true,                //是否显示边框
                            data: data.lxNodes,
                            //showCheckbox: true,
                            multiSelect: false,
                            //onNodeChecked: nodeChecked,
                            //onNodeUnchecked: nodeUnchecked,
                            onNodeSelected: function (event, data) {
                                var id = data.id;
                                kdid = data.id;
                                id = decodeURIComponent(id);
                                id =  id.toLowerCase();

                                if(id.indexOf(".png")!=-1|| id.indexOf(".jpg")!=-1){
                                    $('#tree3Img').attr('dataUrl', '/jy/api/getImg?path='+data.id+'&jyId='+Id);
                                    viewer = new Viewer(document.getElementById('tree3'), {
                                        inline: true,
                                        url: 'dataUrl',
                                        //navbar: false,
                                        zIndexInline: 9999,
                                        button: true,
                                        fullscreen:false,
                                        backdrop: true,
                                        keyboard:true,
                                        navbar:false,
                                        toolbar: {
                                            zoomIn: {
                                                show: 1,
                                                click: function () {
                                                    viewer.destroy();
                                                }
                                            },
                                            zoomOut: 0,
                                            oneToOne: 0,
                                            reset: 0,
                                            prev: {
                                                show:1,
                                                click: function(){
                                                    viewer.destroy();
                                                    openpre(lxNodes,data.id,Id,3)
                                                }

                                            },
                                            next: {
                                                show:1,
                                                click: function(){
                                                    viewer.destroy();
                                                    opennext(lxNodes,data.id,Id,3)
                                                }

                                            },
                                            rotateLeft: 1,
                                            rotateRight: 1,
                                            flipHorizontal: 0,
                                            flipVertical: 0,
                                        },
                                    });
                                }else if(id.indexOf(".pdf")!=-1){
                                    var u = "/jy/api/getPdf/"+id+"/"+Id;
                                    //var u = "/jy/api/getPdf/"+dah+"/"+clxxName+"/"+data.id+"/"+Id;

                                    top.addTabs({
                                        id: "63233",
                                        text: "PDF浏览器",
                                        icon: "fa fa-circle-o",
                                        url: "/static/pdf/web/viewer.html?file="+u,
                                        targetType: "iframe-tab",
                                        close:true
                                    });
                                }
                            }
                        });
                    }
                    $('#jydawsDiv').modal('show');
                }else{
                    kdtreeNum = 2;
                    vue.$data.clxx.typeName = data.daxxRg.typeName;
                    vue.$data.clxx.typeId = data.daxxRg.typeId;
                    vue.$data.clxx.dabh = data.daxxRg.dabh;
                    vue.$data.gdxx = data.daxxRg;
                    var jyId = data.daxxRg.id;
                    if(data.lxNodes[0].nodes == null){
                        $('#tree').treeview({
                            color: "#428bca",
                            collapseIcon: "glyphicon glyphicon-minus",//可收缩的节点图标
                            // nodeIcon: "glyphicon glyphicon-user",
                            emptyIcon: "glyphicon glyphicon-folder-open",//设置列表树中没有子节点的节点的图标
                            expandIcon: "glyphicon glyphicon-plus",  //设置列表上中有子节点的图标
                            highlightSearchResults: true,//是否高亮搜索结果 默认true
                            highlightSelected: true,     //是否选中高亮显示
                            onhoverColor: "#f5f5f5",    //鼠标滑过的颜色
                            levels: 0 ,// 设置初始化展开几级菜单 默认为2
                            showBorder: true,                //是否显示边框
                            data: data.lxNodes,
                            //showCheckbox: true,
                            multiSelect: false,
                            // onNodeChecked: nodeChecked,
                            // onNodeUnchecked: nodeUnchecked,
                            onNodeSelected: function (event, data) {
                                var id = data.id;
                                kdid = data.id;
                                id = decodeURIComponent(id);
                                id =  id.toLowerCase();
                                if(id.indexOf(".png")!=-1|| id.indexOf(".jpg")!=-1){
                                    $('#tree2Img').attr('dataUrl', '/jy/api/getImg?path='+data.id+'&jyId='+Id);
                                    viewer2 = new Viewer(document.getElementById('tree2'), {
                                        inline: true,
                                        url: 'dataUrl',
                                        //navbar: false,
                                        zIndexInline: 9999,
                                        button: true,
                                        backdrop: true,
                                        navbar:false,
                                        fullscreen:false,
                                        toolbar: {
                                            zoomIn: {
                                                show: 1,
                                                click: function () {
                                                    viewer2.destroy();
                                                }
                                            },
                                            zoomOut: 0,
                                            oneToOne: 0,
                                            reset: 0,
                                            prev: {
                                                show:1,
                                                click: function(){
                                                    viewer2.destroy();
                                                    openpre(lxNodes,data.id,Id,2)
                                                }

                                            },
                                            next: {
                                                show:1,
                                                click: function(){
                                                    viewer2.destroy();
                                                    opennext(lxNodes,data.id,Id,2)
                                                }

                                            },
                                            rotateLeft: 1,
                                            rotateRight: 1,
                                            flipHorizontal: 0,
                                            flipVertical: 0,
                                        },
                                    });
                                }else if(id.indexOf(".pdf")!=-1){
                                    var u = "/jy/api/getPdf/"+id+"/"+Id;
                                    top.addTabs({
                                        id: "63233",
                                        text: "PDF浏览器",
                                        icon: "fa fa-circle-o",
                                        url: "/static/pdf/web/viewer.html?file="+u,
                                        targetType: "iframe-tab",
                                        close:true
                                    });
                                }

                            }
                        });
                    }else {
                        $('#tree').treeview({
                            color: "#428bca",
                            collapseIcon: "glyphicon glyphicon-minus",//可收缩的节点图标
                            // nodeIcon: "glyphicon glyphicon-user",
                            emptyIcon: "glyphicon glyphicon-file",//设置列表树中没有子节点的节点的图标
                            expandIcon: "glyphicon glyphicon-plus",  //设置列表上中有子节点的图标
                            highlightSearchResults: true,//是否高亮搜索结果 默认true
                            highlightSelected: true,     //是否选中高亮显示
                            onhoverColor: "#f5f5f5",    //鼠标滑过的颜色
                            levels: 0 ,// 设置初始化展开几级菜单 默认为2
                            showBorder: true,                //是否显示边框
                            data: data.lxNodes,
                            //showCheckbox: true,
                            multiSelect: false,
                            // onNodeChecked: nodeChecked,
                            // onNodeUnchecked: nodeUnchecked,
                            onNodeSelected: function (event, data) {
                                var id = data.id;
                                kdid = data.id;
                                id = decodeURIComponent(id);
                                id =  id.toLowerCase();
                                if(id.indexOf(".png")!=-1|| id.indexOf(".jpg")!=-1){
                                    $('#tree2Img').attr('dataUrl', '/jy/api/getImg?path='+data.id+'&jyId='+Id);
                                    viewer2 = new Viewer(document.getElementById('tree2'), {
                                        inline: true,
                                        url: 'dataUrl',
                                        //navbar: false,
                                        zIndexInline: 9999,
                                        button: true,
                                        backdrop: true,
                                        navbar:false,
                                        fullscreen:false,
                                        toolbar: {
                                            zoomIn: {
                                                show: 1,
                                                click: function () {
                                                    viewer2.destroy();
                                                }
                                            },
                                            zoomOut: 0,
                                            oneToOne: 0,
                                            reset: 0,
                                            prev: {
                                                show:1,
                                                click: function(){
                                                    viewer2.destroy();
                                                    openpre(lxNodes,data.id,Id,2)
                                                }

                                            },
                                            next: {
                                                show:1,
                                                click: function(){
                                                    viewer2.destroy();
                                                    opennext(lxNodes,data.id,Id,2)
                                                }

                                            },
                                            rotateLeft: 1,
                                            rotateRight: 1,
                                            flipHorizontal: 0,
                                            flipVertical: 0,
                                        },
                                    });
                                }else if(id.indexOf(".pdf")!=-1){
                                    var u = "/jy/api/getPdf/"+id+"/"+Id;
                                    top.addTabs({
                                        id: "63233",
                                        text: "PDF浏览器",
                                        icon: "fa fa-circle-o",
                                        url: "/static/pdf/web/viewer.html?file="+u,
                                        targetType: "iframe-tab",
                                        close:true
                                    });
                                }

                            }
                        });
                    }

                    $('#jydaDiv').modal('show');
                }
            }else{
                layer.close(myMsg);
                cxAlert(result.mess)
            }
        });
    }

    function suretg(id){
        var url;
        url = '/dalr/api/rgaudit?id='+id+'&flag='+4;
        var myMsg = cxLoad("通过中");
        vue.$http.get(url).then( function (result) {
            parent.refresh();
            var data = result.body;
            if(data.code == 200){
                layer.close(myMsg);
                cxAlertOk("已通过");
                $("#rgshTable").bootstrapTable('destroy');
                $('#rgshTable').bootstrapTable({
                    url: '/dalr/api/queryDSh',
                    contentType: "application/json; charset=UTF-8",
                    type: "GET",
                    dataType: 'json',
                    queryParamsType: "",
                    sortName : 'rgsj',
                    sortOrder : 'desc',
                    singleSelect: true,
                    paginationShowPageGo: true,
                    pageNumber:1,
                    pageSize:5,
                    queryParams: function (params) {
                        return {'pageNum':params.pageNumber,'pageSize':params.pageSize,'sort':params.sortOrder};
                    },
                    striped: true,
                    smartDisplay:false,
                    cache: false,
                    pagination: true,
                    pageList: [5,10],
                    sidePagination: 'server',
                    toolbar: "#addtool",
                    columns: [{
                        field: 'dabh',
                        title: '档案编号',
                        formatter:paramsMatter
                    },{
                        field: 'ajtm',
                        title: '案卷题名',
                        formatter:paramsMatter
                    }, {
                        field: 'dtslbh',
                        title: '大厅受理编号',
                        sortable : true,
                        formatter:paramsMatter
                    }, {
                        field: 'jsdw',
                        title: '建设单位',
                        formatter:paramsMatter
                    },{
                        title: '操作',
                        formatter: function (value, row, index) {
                            var aStr = '<a class="czBtn" href="javascript:ckda('+row.id+',\''+row.dabh+ '\')">查看档案</a>';
                            return aStr;
                        }
                    }],
                    responseHandler: function (res) {  //后台返回的结果
                        if (res.code == "200") {
                            var data = res.data.data;
                            var NewData = [];
                            for(i=0;i<data.length;i++){
                                var dd = data[i];
                                dd.roleName = roleId2RoleName(dd.roleId);
                                NewData.push(dd);
                            }
                            var data = {
                                total: res.data.total,
                                rows: NewData
                            };
                            return data;
                        }
                    }
                });
            }
        })
    }

    //查看档案
    function ckda(id,dabh) {
        var myMsg = cxLoad("查看中");
        vue.$http.get('/dagl/api/queryKjWsFlag?dabh='+dabh).then(function (res) {
            var data = res.body;
            if(data.code == 200){
                layer.close(myMsg);
                if(data.data === 1){
                    top.addTabs({
                        id: "19001120",
                        text: "入馆档案查看",
                        icon: "fa fa-tasks",
                        url: "rgckkj?id="+id+"&dabh="+dabh,
                        targetType: "iframe-tab",
                        close:true,
                    });
                }else if(data.data === 3){
                    top.addTabs({
                        id: "19001121",
                        text: "入馆档案查看",
                        icon: "fa fa-tasks",
                        url: "rgckws?id="+id+"&dabh="+dabh,
                        targetType: "iframe-tab",
                        close:true,
                    });
                }else {
                    //个人建房
                    top.addTabs({
                        id: "190011211",
                        text: "入馆档案查看",
                        icon: "fa fa-tasks",
                        url: "rgckgryf?id="+id+"&dabh="+dabh,
                        targetType: "iframe-tab",
                        close:true,
                    });
                }
            }
        })
    }
    var vue = new Vue({
        el: '#yhgl',
        data: {
            length:null,
            length2:null,
            rgyjtg:null,
            rgyjbtg:null,
            rgyjzf:null,
            jyxx: {
                jyyy: null,
                jysx: null,
                dabh: null,
                jyrLxdh: null,
                jyr: null,
                shrLxdh: null,
                shrId: null,
                shr: null,
                damc: null,
                dalx: null,
            },
            gdxx: {
                typeName:null,
                type_name:null,//
                id:null,
                typeId:null,//
                dabh:null,
                xmbh:null,
                xmmc:null,
                year:null,
                dtslbh:null,//大厅受理编号
                yhh:null,//原盒号
                jsdw:null,//建设单位
                jswz:null,//建设位置
                jsxmxzyjssj:null,//建设项目选址意见书时间
                xzxmmc:null,//选址项目名称
                xzydmj:null,//选址用地面积
                jsydghxkzsj:null,//建设用地规划许可证时间
                ghxmmc:null,//规划项目名称
                ghydmj:null,//规划用地面积
                jsgcghxkzsj:null,//建设工程规划许可证时间
                gcxmmc:null,//工程项目名称
                gcjsgm:null,//工程建设规模
                jsgcjgghyshgsj:null,//建设工程竣工规划验收合格证时间
                gcjgxmmc:null,//工程竣工项目名称
                gcjgjsgm:null,//工程竣工建设规模
                jsgcsgxkzsj:null,//建设工程施工许可证时间
                jsgcsgxkzbh:null,//建设工程施工许可证编号
                sggcmc:null,//施工工程名称
                sgjsgm:null,//施工建设规模
                qt:null,//其他
                xmfatgsj:null,//项目通过时间
                ys:null,//页数
                daccwz:null,//档案存储位置
                clj:null,//超链接
                zly:null,//著录员
                zlsj:null,//著录时间
                bz:null,//备注
            },
            wsxx:{
                bz:null,
                jyId:null,
                //files:[],
                id:null,
                typeId:null,
                dabh:null,//档案编号
                dwmc:null,//单位名称
                nf:null,//年份
                sj:null,//时间
                typeName:null,
                wh:null,//文号
                wjmc:null,//文件名称
                yh:null,//页号
                ys:null,//页数
                zhh:null,//总盒号
            },
            clxx:{
                slsj:null,
                typeName:null,
                clmc:null,
                otherZh:null,
                dabh:null,
                typeId:null,
                wjxh:null,
                //clmc:null,
                fs:null,
                qsym:null,
                zzym:null,
                ys:null,
                year:null,
                otherZh:null,
                bz:null
            }
        },
        methods: {
            closezf:function(){
                $('#zfrgyjModal').modal('hide');
            },
            zfChange:function(){
                if(this.rgyjzf === null){
                    return;
                }
                if(this.rgyjzf.length >= 300){
                    var zfinput = document.getElementsByName("rgyjzf");
                    zfinput[0].blur();
                    cxAlert("入馆意见不能超过300字");
                    this.rgyjzf = this.rgyjzf.substring(0,299);
                    return;
                }
            },
            tgChange:function(){
                if(this.rgyjtg === null){
                    return;
                }
                if(this.rgyjtg.length >= 300){
                    var tginput = document.getElementsByName("rgyjtg");
                    tginput[0].blur();
                    cxAlert("入馆意见不能超过300字");
                    this.rgyjtg = this.rgyjtg.substring(0,299);
                    return;
                }
            },
            btgChange:function(){
                if(this.rgyjbtg === null){
                    return;
                }
                if(this.rgyjbtg.length >= 300){
                    var btginput = document.getElementsByName("rgyjbtg");
                    btginput[0].blur();
                    cxAlert("入馆意见不能超过300字");
                    this.rgyjbtg = this.rgyjbtg.substring(0,299);
                    return;
                }
            },
            surezf:function(){
                $('#zfrgyjModal').modal('hide');
                var url;
                if(this.rgyjzf == null){
                    url = '/dalr/api/rgaudit?id='+aid+'&flag='+3
                }else {
                    url = '/dalr/api/rgaudit?id='+aid+'&rgyj='+this.rgyjzf+'&flag='+3;
                }
                var myMsg = cxLoad("作废中");
                this.$http.get(url).then( function (result) {
                    parent.refresh();
                    var data = result.body;
                    if(data.code == 200){
                        layer.close(myMsg);
                        cxAlertOk("废弃成功");
                        if(atype == 1){
                            $('#jydaDiv').modal('hide');
                        }else {
                            $('#jydawsDiv').modal('hide');
                        }
                        $("#rgshTable").bootstrapTable('destroy');
                        $('#rgshTable').bootstrapTable({
                            url: '/dalr/api/queryDSh',
                            contentType: "application/json; charset=UTF-8",
                            type: "GET",
                            dataType: 'json',
                            queryParamsType: "",
                            sortName : 'rgsj',
                            sortOrder : 'desc',
                            singleSelect: true,
                            paginationShowPageGo: true,
                            pageNumber:1,
                            pageSize:5,
                            queryParams: function (params) {
                                return {'pageNum':params.pageNumber,'pageSize':params.pageSize,'sort':params.sortOrder};
                            },
                            striped: true,
                            smartDisplay:false,
                            cache: false,
                            pagination: true,
                            pageList: [5,10],
                            sidePagination: 'server',
                            toolbar: "#addtool",
                            columns: [{
                                field: 'dabh',
                                title: '档案编号',
                                formatter:paramsMatter
                            },{
                                field: 'ajtm',
                                title: '案卷题名',
                                formatter:paramsMatter
                            }, {
                                field: 'dtslbh',
                                title: '大厅受理编号',
                                sortable : true,
                                formatter:paramsMatter
                            }, {
                                field: 'jsdw',
                                title: '建设单位',
                                formatter:paramsMatter
                            },{
                                title: '操作',
                                formatter: function (value, row, index) {
                                    var aStr = '<a class="czBtn" href="javascript:ckda('+row.id+',\''+row.dabh+ '\')">查看档案</a>';
                                    return aStr;
                                }
                            }],
                            responseHandler: function (res) {  //后台返回的结果
                                if (res.code == "200") {
                                    var data = res.data.data;
                                    var NewData = [];
                                    for(i=0;i<data.length;i++){
                                        var dd = data[i];
                                        dd.roleName = roleId2RoleName(dd.roleId);
                                        NewData.push(dd);
                                    }
                                    var data = {
                                        total: res.data.total,
                                        rows: NewData
                                    };
                                    return data;
                                }
                            }
                        });
                    }
                })
            },
            closetg:function(){
                $('#tgrgyjModal').modal('hide');
            },
            suretg:function(){
                if(this.rgyjtg.length >= 300){
                    cxAlert("入馆意见不能超过300字");
                    return;
                }
                $('#tgrgyjModal').modal('hide');
                var url;
                if(this.rgyjtg == null){
                    url = '/dalr/api/rgaudit?id='+aid+'&flag='+4;
                }else{
                  url = '/dalr/api/rgaudit?id='+aid+'&rgyj='+this.rgyjtg+'&flag='+4;
                }
                var myMsg = cxLoad("通过中");
                this.$http.get(url).then( function (result) {
                    parent.refresh();
                    var data = result.body;
                    if(data.code == 200){
                        layer.close(myMsg);
                        cxAlertOk("已通过");
                        if(atype == 1){
                            $('#jydaDiv').modal('hide');
                        }else {
                            $('#jydawsDiv').modal('hide');
                        }
                        $("#rgshTable").bootstrapTable('destroy');
                        $('#rgshTable').bootstrapTable({
                            url: '/dalr/api/queryDSh',
                            contentType: "application/json; charset=UTF-8",
                            type: "GET",
                            dataType: 'json',
                            queryParamsType: "",
                            sortName : 'rgsj',
                            sortOrder : 'desc',
                            singleSelect: true,
                            paginationShowPageGo: true,
                            pageNumber:1,
                            pageSize:5,
                            queryParams: function (params) {
                                return {'pageNum':params.pageNumber,'pageSize':params.pageSize,'sort':params.sortOrder};
                            },
                            striped: true,
                            smartDisplay:false,
                            cache: false,
                            pagination: true,
                            pageList: [5,10],
                            sidePagination: 'server',
                            toolbar: "#addtool",
                            columns: [{
                                field: 'dabh',
                                title: '档案编号',
                                formatter:paramsMatter
                            },{
                                field: 'ajtm',
                                title: '案卷题名',
                                formatter:paramsMatter
                            }, {
                                field: 'dtslbh',
                                title: '大厅受理编号',
                                sortable : true,
                                formatter:paramsMatter
                            }, {
                                field: 'jsdw',
                                title: '建设单位',
                                formatter:paramsMatter
                            },{
                                title: '操作',
                                formatter: function (value, row, index) {
                                    var aStr = '<a class="czBtn" href="javascript:ckda('+row.id+',\''+row.dabh+ '\')">查看档案</a>';
                                    return aStr;
                                }
                            }],
                            responseHandler: function (res) {  //后台返回的结果
                                if (res.code == "200") {
                                    var data = res.data.data;
                                    var NewData = [];
                                    for(i=0;i<data.length;i++){
                                        var dd = data[i];
                                        dd.roleName = roleId2RoleName(dd.roleId);
                                        NewData.push(dd);
                                    }
                                    var data = {
                                        total: res.data.total,
                                        rows: NewData
                                    };
                                    return data;
                                }
                            }
                        });
                    }
                })
            },

            closebtg:function(){
                $('#btgrgyjModal').modal('hide');
            },
            surebtg:function(){
                if(this.rgyjbtg.length >= 300){
                    cxAlert("入馆意见不能超过300字");
                    return;
                }
                $('#btgrgyjModal').modal('hide');
                var url;
                if(this.rgyjbtg == null){
                    url = '/dalr/api/rgaudit?id='+aid+'&flag='+1;
                }else{
                    url = '/dalr/api/rgaudit?id='+aid+'&rgyj='+this.rgyjbtg+'&flag='+1;
                }
                var myMsg = cxLoad("退回中");
                this.$http.get(url).then( function (result) {
                    parent.refresh();
                    var data = result.body;
                    if(data.code == 200){
                        layer.close(myMsg);
                        cxAlertOk("该档案未通过");
                        if(atype == 1){
                            $('#jydaDiv').modal('hide');
                        }else {
                            $('#jydawsDiv').modal('hide');
                        }
                        $("#rgshTable").bootstrapTable('destroy');
                        $('#rgshTable').bootstrapTable({
                            url: '/dalr/api/queryDSh',
                            contentType: "application/json; charset=UTF-8",
                            type: "GET",
                            dataType: 'json',
                            queryParamsType: "",
                            sortName : 'rgsj',
                            sortOrder : 'desc',
                            singleSelect: true,
                            paginationShowPageGo: true,
                            pageNumber:1,
                            pageSize:5,
                            queryParams: function (params) {
                                return {'pageNum':params.pageNumber,'pageSize':params.pageSize,'sort':params.sortOrder};
                            },
                            striped: true,
                            smartDisplay:false,
                            cache: false,
                            pagination: true,
                            pageList: [5,10],
                            sidePagination: 'server',
                            toolbar: "#addtool",
                            columns: [{
                                field: 'dabh',
                                title: '档案编号',
                                formatter:paramsMatter
                            },{
                                field: 'ajtm',
                                title: '案卷题名',
                                formatter:paramsMatter
                            }, {
                                field: 'dtslbh',
                                title: '大厅受理编号',
                                sortable : true,
                                formatter:paramsMatter
                            }, {
                                field: 'jsdw',
                                title: '建设单位',
                                formatter:paramsMatter
                            },{
                                title: '操作',
                                formatter: function (value, row, index) {
                                    var aStr = '<a class="czBtn" href="javascript:ckda('+row.id+',\''+row.dabh+ '\')">查看档案</a>';
                                    return aStr;
                                }
                            }],
                            responseHandler: function (res) {  //后台返回的结果
                                if (res.code == "200") {
                                    var data = res.data.data;
                                    var NewData = [];
                                    for(i=0;i<data.length;i++){
                                        var dd = data[i];
                                        dd.roleName = roleId2RoleName(dd.roleId);
                                        NewData.push(dd);
                                    }
                                    var data = {
                                        total: res.data.total,
                                        rows: NewData
                                    };
                                    return data;
                                }
                            }
                        });
                    }
                })
            },

            tg:function () {
                $('#jydaDiv').modal('hide');
                $('#jydawsDiv').modal('hide');
                $('#tgrgyjModal').modal('show');
            },
            btg:function () {
                $('#jydaDiv').modal('hide');
                $('#jydawsDiv').modal('hide');
                $('#btgrgyjModal').modal('show');
            }
        },
        created: function () {
        },
        mounted: function () {
            try {
                top.activeTabByPageId(19001120);
                top.closeTabByPageId(19001120);
                top.activeTabByPageId(90016);
            }catch (e) {
                try {
                    top.activeTabByPageId(19001121);
                    top.closeTabByPageId(19001121);
                    top.activeTabByPageId(90016);
                }catch (e) {
                    try {
                        top.activeTabByPageId(190011211);
                        top.closeTabByPageId(190011211);
                        top.activeTabByPageId(90016);
                    }catch (e) {
                        top.activeTabByPageId(90016);
                    }
                }
            }
            $("#rgshTable").bootstrapTable('destroy');
            $('#rgshTable').bootstrapTable({
                url: '/dalr/api/queryDSh',
                contentType: "application/json; charset=UTF-8",
                type: "GET",
                dataType: 'json',
                queryParamsType: "",
                sortName : 'rgsj',
                sortOrder : 'desc',
                singleSelect: true,
                paginationShowPageGo: true,
                pageNumber:1,
                pageSize:5,
                queryParams: function (params) {
                    return {'pageNum':params.pageNumber,'pageSize':params.pageSize,'sort':params.sortOrder};
                },
                striped: true,
                smartDisplay:false,
                cache: false,
                pagination: true,
                pageList: [5,10],
                sidePagination: 'server',
                toolbar: "#addtool",
                columns: [{
                    field: 'dabh',
                    title: '档案编号',
                    formatter:paramsMatter
                },{
                    field: 'ajtm',
                    title: '案卷题名',
                    formatter:paramsMatter
                }, {
                    field: 'dtslbh',
                    title: '大厅受理编号',
                    sortable : true,
                    formatter:paramsMatter
                }, {
                    field: 'jsdw',
                    title: '建设单位',
                    formatter:paramsMatter
                },{
                    title: '操作',
                    formatter: function (value, row, index) {
                        var aStr = '<a class="czBtn" href="javascript:ckda('+row.id+',\''+row.dabh+ '\')">查看档案</a>';
                        // var aStr = '<a class="czBtn" href="javascript:suretg('+row.id+')">同意入馆</a>';
                        // aStr += '<a class="czBtn" href="javascript:zf('+row.id+',\''+row.dabh+'\','+row.type+',\''+row.rgyj+'\')">作废</a>';
                        return aStr;
                    }
                }],
                responseHandler: function (res) {  //后台返回的结果
                    if (res.code == "200") {
                        var data = res.data.data;
                        var NewData = [];
                        for(i=0;i<data.length;i++){
                            var dd = data[i];
                            dd.roleName = roleId2RoleName(dd.roleId);
                            NewData.push(dd);
                        }
                        var data = {
                            total: res.data.total,
                            rows: NewData
                        };
                        return data;
                    }
                }
            });
            $('#rgyjzfForm').bootstrapValidator({
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    rgyjzf: {
                        validators: {
                            stringLength: {
                                max: 300,
                                message: '入馆意见不能超过300位'
                            }
                        }
                    },
                }
            });
            $('#rgyjtgForm').bootstrapValidator({
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    rgyjtg: {
                        validators: {
                            stringLength: {
                                max: 300,
                                message: '入馆意见不能超过300位'
                            }
                        }
                    },
                }
            });
            $('#rgyjbtgForm').bootstrapValidator({
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    rgyjbtg: {
                        validators: {
                            stringLength: {
                                max: 300,
                                message: '入馆意见不能超过300位'
                            }
                        }
                    },
                }
            });
        }
    });
</script>

</body>
</html>
